
@extends('.web.layout')

@section('title','郑州发展')
@section('head')
    <link href="/code/css/base.css" rel="stylesheet" />
    <link href="/code/css/index.css" rel="stylesheet" />
@endsection
@section('content')

    <header class="mui-bar mui-bar-nav">
        <span  class="mui-pull-left return" onclick="history.back()">
            <img src="/code/images/back.png" />
        </span>
        <h1 class="mui-title">郑州发展</h1>
    </header>
    <!--郑州发展-->
    <div class="mui-content">
        <div class="development_box">
            <div class="introduce">
             <a href="{{route('wap.post-list',['slug'=>'zzgk'])}}" class="introduce-a">
                <img src="/code/images/development1.png" class="introduceImg" />
                <div class="introduceTxt">
                    <h2>郑州概况</h2>
                    <P>ABOUT ZHENGZHOU</P>
                </div>

                <div class="right_color color1"></div>
                <div class="city_pop">
                    <img src="/code/images/btn_city.png" />
                    <img src="/code/images/btn_county.png"/>
                </div>
            </a>
            </div>
            <div class="introduce">
                <a href="{{route('wap.post-list',['slug'=>'xcsp'])}}">
                    <img src="/code/images/development4.png" class="introduceImg" />
                    <div class="introduceTxt">
                        <h2>宣传视频</h2>
                        <P>PROMOTIONAL VIDEO</P>
                    </div>
                    <div class="right_color color4"></div>
                </a>
            </div>
        </div>
    </div>
    <div class="popover" style="display: none;">
        <div class="popover_cont">
            @foreach(\App\Area::orderBy('sort','asc')->get() as $v)
                <a href="{{route('wap.post-list',['area_id'=>$v->id,'slug'=>'zzgk'])}}">
                    @if($loop->index%2)
                        <div class="popover_txt">
                            {{$v->name}}
                        </div>
                    @else
                        <div class="popover_txt colorF0">{{$v->name}}</div>
                    @endif
                </a>
            @endforeach
        </div>
    </div>
@endsection
@section('foot')
    <script>
        h=$(".popover_cont").height();
        $(".popover_cont").css("margin-top",-h/1.5);
        $(".popover").click(function(event){

            $(this).hide();
            event.stopPropagation();

        })
        $(".city_pop img").click(function(event){
            $(".popover").show();
            event.stopPropagation();
            return false;
        })
    </script>
@endsection